<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>学生管理系统</title>
		<!--连接css-->
		<link rel="stylesheet" type="text/css" href="css/bodin.css" />
	</head>

	<body class="bgimg">
		<div class="container">
			<!--头部开始-->
			<header>
				<h1>学生 <strong>管理</strong> 系统</h1>
				<div class="support-note">
				</div>
			</header>
			<!--头部结束-->
		</div>
		<!--区段开始-->
		<section class="main">
			<!--表单开始-->
			<form class="form-4">
				<h1>登录|<a class="hype" href="#">注册</a></h1>
				<!--段落开始-->
				<p>
					<label for="login">用户名</label>
					<input type="text" name="login" placeholder="你的账号" required>
				</p>
				<!--段落结束-->
				<p>
					<label for="password">密码|<a class="hype" href="#">忘记密码</a></label>
					<input type="password" name='password' placeholder="密码" required>
				</p>
				<p>
					<div>
						<div class="bun1">
							<!--按钮开始-->
							<input class="bun" type="submit" name="submit" value="">
						</div>
						<div class="bun2">
							<input class="bun1" type="checkbox" />记住密码
							<!--按钮结束-->
						</div>

					</div>

				</p>
			</form>
			<!--表单结束-->​
		</section>
		<!--区段结束-->
		</div>
	</body>

</html>